Bu sayfa, Cloud Translation API ile çevrilmiştir.

Kayan İşlem Düğmesi Ekleyin

Kayan işlem düğmesi (FAB), uygulamanızın kullanıcı arayüzünde birincil işlemi tetikleyen yuvarlak bir düğmedir. Bu sayfada, FAB'yi düzeninize nasıl ekleyeceğiniz, görünümünün bir kısmını özelleştirmeniz ve düğmelere dokunmaya nasıl yanıt vereceğiniz gösterilmektedir.

Uygulamanızda Materyal Tasarım Yönergeleri'ne uygun bir kayan işlem düğmesi tasarlama hakkında daha fazla bilgi edinmek için ayrıca Düğmeler: Kayan İşlem Düğmesi konusuna bakın.

Şekil 1. Kayan işlem düğmesi

Düzeninize kayan işlem düğmesini ekleme

Aşağıdaki kod, FloatingActionButton etiketinin düzen dosyanızda nasıl görüneceğini gösterir:

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:contentDescription="@string/submit"
        android:layout_margin="16dp" />

FAB, varsayılan olarak colorAccent özelliğiyle renklendirilir. Bu özelliği temanın renk paletiyle özelleştirebilirsiniz.

Diğer FAB özelliklerini, XML özelliklerini veya aşağıdakiler gibi karşılık gelen yöntemleri kullanarak yapılandırabilirsiniz:

app:fabSize özelliği veya setSize() yöntemi kullanılarak FAB'nin boyutu.
app:rippleColor özelliği veya setRippleColor() yöntemi kullanılarak FAB'nin dalga rengi.
android:src özelliğini veya setImageDrawable() yöntemini kullanan FAB simgesi.

Düğmeye dokunmalara yanıt verme

Daha sonra, FAB'a dokunmaları işlemek için bir View.OnClickListener uygulayabilirsiniz. Örneğin, kullanıcı FAB'ya dokunduğunda aşağıdaki kodda bir Snackbar görüntülenir:

Kotlin

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

Java

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

FAB'nin özellikleri hakkında daha fazla bilgi için FloatingActionButton ile ilgili API referansına bakın.